<div id="wrapper">
    <div id="page-wrapper">
        <br>

        <div class="ms-toolbar">
            <button id="adduser" type="button" class="btn btn-danger">增加用户</button>
            <button id="silenceuser" type="button" class="btn btn-danger">禁言用户</button>
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div id="userinfo" class="modal-content">
                    <div class="modal-header" style="background: #337ab7">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">&times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel" style="color: #FFFFFF">增加用户</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row" style="display: none">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label">userid</label>

                                        <div class="col-sm-8">
                                            <input id="userid" type="text" class="form-control input-sm"
                                                   placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label">用户名</label>

                                        <div class="col-sm-8">
                                            <input id="username" type="text" class="form-control input-sm"
                                                   placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label">昵称</label>

                                        <div class="col-sm-8">
                                            <input id="nickname" type="text" class="form-control input-sm"
                                                   placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label">电话</label>

                                        <div class="col-sm-8">
                                            <input id="phone" type="text" class="form-control input-sm"
                                                   placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label" for="flag">会员</label>

                                        <div class="col-sm-8">
                                            <select id="flag" class="form-control">
                                                <option value="1">普通</option>
                                                <option value="2">VIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label" for="sex">性别</label>

                                        <div class="col-sm-8">
                                            <select id="sex" class="form-control">
                                                <option value="0">男</option>
                                                <option value="1">女</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label">年龄</label>

                                        <div class="col-sm-8">
                                            <input id="age" type="text" class="form-control input-sm" placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label" for="constellation">星座</label>

                                        <div class="col-sm-8">
                                            <select id="constellation" class="form-control">
                                                <option value="水瓶">水瓶</option>
                                                <option value="双鱼">双鱼</option>
                                                <option value="白羊">白羊</option>
                                                <option value="金牛">金牛</option>
                                                <option value="双子">双子</option>
                                                <option value="巨蟹">巨蟹</option>
                                                <option value="狮子">狮子</option>
                                                <option value="处女">处女</option>
                                                <option value="天秤">天秤</option>
                                                <option value="天蝎">天蝎</option>
                                                <option value="射手">射手</option>
                                                <option value="摩羯">摩羯</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label"
                                               for="marriage_status">婚恋状态</label>

                                        <div class="col-sm-8">
                                            <select id="marriage_status" class="form-control">
                                                <option value="已婚">已婚</option>
                                                <option value="未婚">未婚</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label"
                                               for="sexual_orientation">性取向</label>

                                        <div class="col-sm-8">
                                            <select id="sexual_orientation" class="form-control">
                                                <option value="男">男</option>
                                                <option value="女">女</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label"
                                               for="dating_intention">交友意向</label>

                                        <div class="col-sm-8">
                                            <select id="dating_intention" class="form-control">
                                                <option value="男">男</option>
                                                <option value="女">女</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label">家乡</label>

                                        <div class="col-sm-8">
                                            <input id="home" type="text" class="form-control input-sm" placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label">所在地</label>

                                        <div class="col-sm-8">
                                            <input id="location" type="text" class="form-control input-sm"
                                                   placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-md-offset-1">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-3 control-label">标签</label>

                                        <div class="col-sm-8">
                                            <input id="tag" type="text" class="form-control input-sm"
                                                   placeholder="多个标签逗号隔开">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5 ">
                                <form class="form-horizontal" role="form" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label class="ms-lable col-sm-4 control-label">个人说明</label>

                                        <div class="col-sm-8">
                                            <input id="introduction" type="text" class="form-control input-sm"
                                                   placeholder="必填">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div id="kv-avatar-errors-1" class="center-block" style="width:800px;display:none"></div>
                            <form class="text-center" method="post" enctype="multipart/form-data">
                                <div class="kv-avatar center-block" style="width:200px">
                                    <input id="avatar" name="file" type="file" class="file-loading" placeholder="必填">
                                </div>
                            </form>
                        </div>
                        <div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="close" type="button" class="btn btn-primary" data-dismiss="modal">关闭
                        </button>
                        <button id="confirm" type="button" class="btn btn-primary">提交</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="silenceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background: #337ab7">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" style="color: #FFFFFF">禁言用户</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <form id="silenceuserForm" class="form-horizontal" role="form"
                                  enctype="multipart/form-data">
                                <div class="form-group">
                                    <label class="ms-lable col-sm-2 control-label" for="silence_userid">用户ID</label>

                                    <div class="col-sm-9">
                                        <input name="user_id" type="text" class="form-control" id="silence_userid"
                                               placeholder="必填" readonly>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="ms-lable col-sm-2 control-label" for="silence_hour">禁言时间</label>

                                    <div class="col-sm-9">
                                        <select name='hour' id="silence_hour" class="form-control" style="width:100%;">
                                            <option value="1">1小时</option>
                                            <option value="12">12小时</option>
                                            <option value="24">一天</option>
                                            <option value="48">2天</option>
                                        </select>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                        <button id="silence_confirm" type="button" class="btn btn-primary">提交</button>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <table id="usertable" class="table table-bordered" data-toolbar="#toolbar">
                <thead>
                <tr>
                    <th></th>
                    <th data-sortable="true">用户名</th>
                    <th data-sortable="true">使用</th>
                    <th data-sortable="true">创建时间</th>
                </tr>
                </thead>
                <tbody>
                {%notempty name="data"%}
                {%volist name="data->all()" id="vo"%}
                <tr>
                    <td><input id=userid_{%$vo.id%} name="flag" type="checkbox" value={%$vo.id%} placeholder="必填"></td>
                    <td>{%$vo.user_name%}</td>
                    <td>{%$vo.using%}</td>
                    <td>{%$vo.create_time%}</td>
                </tr>
                {%/volist%}
                {%/notempty%}
                </tbody>
            </table>
            <div class="pull-right">
                {%$data->render()%}
            </div>
        </div>
    </div>
</div>
